<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>湖北省“互联网+放管服”展示平台</title>
    <link rel="stylesheet" href="${contextPath}/js/css/screen/base.css">
    <link rel="stylesheet" href="${contextPath}/js/css/screen/style.css">
    <link rel="stylesheet" href="${contextPath}/js/css/screen/tyrz.css">

    <script src="${contextPath}/js/screen/echarts.min.js"></script>
    <script src="${contextPath}/js/screen/jquery-1.7.2.min.js"></script>
    <script src="${contextPath}/js/screen/action.js"></script> 
    <script src="${contextPath}/js/screen/tyrz1.js"></script> 
<body>
<div class="page_father">
    <!--header start-->
    <div class="header clearfix">
        <!--logo-->
        <h1 class="logo fl"></h1>
        <!--top menu-->
        <div class="menu_top fl">
            <ul>
                <li><a href="index"><span class="bg_lf"></span><span class="bg_mid">首页</span><span
                        class="bg_rt"></span></a></li>
		        <li><a href="certifiedindex1"  class="selted_a"><span class="bg_lf"></span><span class="bg_mid">统一认证</span><span class="bg_rt"></span></a></li>
		        <li><a href="licenseindex"><span class="bg_lf"></span><span class="bg_mid">电子证照</span><span class="bg_rt"></span></a></li>
		        
                <li><a href="directory1"><span class="bg_lf"></span><span class="bg_mid">资源目录</span><span class="bg_rt"></span></a></li>
                
       			<li><a href="exchange" ><span class="bg_lf"></span><span class="bg_mid">共享交换</span><span class="bg_rt"></span></a></li>
                
                <li><a href="jsjz"><span class="bg_lf"></span><span class="bg_mid">绩效考核</span><span class="bg_rt"></span></a></li>
        
            </ul>
        </div>
        <!--top week-->
        <div class="top_week fl">
            <span id="week_data">周五</span><br><span id="today_data"></span>
        </div>
        <!--top time-->
        <div class="top_time fl">
            <span class="hour_time fl" id="hour_id">12</span><span class="sed_time fl" id="min_id"></span>
        </div>
        <!--top weather-->
        <div class="top_weather fl">
       <span class="weather_icon weather_yun">
       武汉<br>多云 12°</span>
        </div>
    </div>
    <!--header end-->
    <!--bodyer start-->
    <div class="bodyer">
        <!--footer-->
        <div class="footer"></div>
        <div class="leftInfo"><em>法人</em><span></span></div>
        <div class="centerInfo">统一认证</div>
        <div class="rightInfo"><em>自然人</em><span></span></div>
        <!--仪表盘主体内容-->
        <div class="bodyer_child_info clearfix">
            <div class="w50 fl">
                <ul class="legalinfo">
                    <li class="color1">
                        <div class="fl">
                            <p>高级</p>
                            <p>用户</p>
                        </div>
                        <div class="fl numlegal"></div>
                    </li>
                    <li class="color2">
                        <div class="fl">
						     <p>中级</p>
                            <p>用户</p>
                            
                        </div>
                        <div class="fl numlegal"></div>
                    </li>
                    <li class="color3">
                        <div class="fl">
                            <p>证书</p>
                            <p>实名</p>
                        </div>
                        <div class="fl numlegal"></div>
                    </li>
                    <li class="color4">
                        <div class="fl">
                            <p>基础库</p>
                            <p>实名</p>
                        </div>
                        <div class="fl numlegal"></div>
                    </li>
                    <li class="color5">
                        <div class="fl">
                            <p>人工</p>
                            <p>实名</p>
                        </div>
                        <div class="fl numlegal"></div>
                    </li>
                </ul>
                <div class="chart">
                    <div class="h50">
                        <div class="half fl">
                            <div id="bar1" class="h100"></div>
                        </div>
                        <div class="half fl">
                            <div id="line1" class="h100"></div>
                        </div>
                    </div>
                    <div class="h50">
                        <div class="half fl">
                            <div id="line2" class="h100"></div>
                        </div>
                        <div class="half fl">
                            <div class="w33 fl">
                                <div id="pie1" class="h100"></div>
                            </div>
                            <div class="w33 fl">
                                <div id="pie2" class="h100"></div>
                            </div>
                            <div class="w33 fl">
                                <div id="pie3" class="h100"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="w50 fl">
                <div class="half fl">
                    <div class="mgt-72 clearfix h260">
                        <div class="w70 fl">
                            <ul class="zrperson">
                                <li class="half color6">
                                    <div class="fl w40">
                                        <p>公安</p>
                                        <p>实名</p>
                                    </div>
                                    <div class="fl numzr"></div>
                                </li>
                                <li class="half color7">
                                    <div class="fl w40">
                                        <p>支付宝</p>
                                        <p>实名</p>
                                    </div>
                                    <div class="fl numzr"></div>
                                </li>
                            </ul>
                            <ul class="zrperson">
                                <li class="half color8">
                                    <div class="fl w40">
                                        <p>银联</p>
                                        <p>实名</p>
                                    </div>
                                    <div class="fl numzr"></div>
                                </li>
                                <li class="half color9">
                                    <div class="fl w40">
									    <p>人工</p>
                                        <p>实名</p>
                                    </div>
                                    <div class="fl numzr"></div>
                                </li>
                            </ul>
                        </div>
                        <div class="w30 fl">
                            <div id="pie4" class="h100"></div>
                        </div>
                    </div>
                    <div class="chartBox">
                        <div class="h50">
                            <div id="bar2" class="h100"></div>
                        </div>
                        <div class="h50">
                            <div class="w33 fl">
                                <div id="pie6" class="h100"></div>
                            </div>
                            <div class="w33 fl">
                                <div id="pie7" class="h100"></div>
                            </div>
                            <div class="w33 fl">
                                <div id="pie8" class="h100"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="half fl">
                    <div class="mgt-72 clearfix h260">
                        <div class="w30 fl">
                            <div id="pie5" class="h100"></div>
                        </div>
                        <div class="w70 fl">
                            <ul class="zrperson">
                                <li class="half color10">
                                    <div class="fl w40">
                                        <p>高级</p>
                                        <p>用户</p>
                                    </div>
                                    <div class="fl numzr"></div>
                                </li>
                                <li class="half color11">
                                    <div class="fl w40">
                                        <p>中级</p>
                                        <p>用户</p>
                                    </div>
                                    <div class="fl numzr"></div>
                                </li>
                            </ul>
                            <ul class="zrperson">
                                <li class="half color12">
                                    <div class="fl w40">
                                        <p>初级</p>
                                        <p>用户</p>
                                    </div>
                                    <div class="fl numzr"></div>
                                </li>
                                <li class="half color13">
                                    <div class="fl w40">
                                        <p>未实名</p>
                                        <p>用户</p>
                                    </div>
                                    <div class="fl numzr"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="chartBox">
                        <div class="h50">
                            <div id="line3" class="h100"></div>
                        </div>
                        <div class="h50">
                            <div id="bar3" class="h100"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--header end-->

</div>
</body>
</html>